<%@ page contentType="text/html; charset=utf-8" %>
<%@ page language="java" import="java.util.*" %>
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>欢迎使用</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="description" content="Charisma, a fully featured, responsive, HTML5, Bootstrap admin template.">
	<meta name="author" content="Muhammad Usman">
	<script src="js/jquery-1.7.2.min.js" type="text/javascript"></script>
	<script src="js/jquery.colorbox.js"></script>
	

	<!-- The styles -->
	<link id="bs-css" href="css/bootstrap-cerulean.css" rel="stylesheet">
	<style type="text/css">
	  body {
		padding-bottom: 40px;
	  }
	  .sidebar-nav {
		padding: 9px 0;
	  }
	</style>
	<link href="css/bootstrap-responsive.css" rel="stylesheet">
	<link href="css/charisma-app.css" rel="stylesheet">
	<link href="css/jquery-ui-1.8.21.custom.css" rel="stylesheet">
	<link href='css/fullcalendar.css' rel='stylesheet'>
	<link href='css/fullcalendar.print.css' rel='stylesheet'  media='print'>
	<link href='css/chosen.css' rel='stylesheet'>
	<link href='css/uniform.default.css' rel='stylesheet'>
	<link href='css/colorbox.css' rel='stylesheet'>
	<link href='css/jquery.cleditor.css' rel='stylesheet'>
	<link href='css/jquery.noty.css' rel='stylesheet'>
	<link href='css/noty_theme_default.css' rel='stylesheet'>
	<link href='css/elfinder.min.css' rel='stylesheet'>
	<link href='css/elfinder.theme.css' rel='stylesheet'>
	<link href='css/jquery.iphone.toggle.css' rel='stylesheet'>
	<link href='css/opa-icons.css' rel='stylesheet'>
	<link href='css/uploadify.css' rel='stylesheet'>

	<!-- The HTML5 shim, for IE6-8 support of HTML5 elements -->
	<!--[if lt IE 9]>
	  <script src="bower_components/html5shiv/dist/html5shiv.js"></script>
	<![endif]-->

	<!-- The fav icon -->
	<link rel="shortcut icon" href="img/favicon.ico">
		
</head>

<body>
		<!-- topbar starts -->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="container-fluid">
				<a class="btn btn-navbar" data-toggle="collapse" data-target=".top-nav.nav-collapse,.sidebar-nav.nav-collapse">
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				</a>
				<a class="brand" href="view.jsp"> <img alt="Charisma Logo" src="img/logo20.png" /> <span>Manage</span></a>
				
				<!-- theme selector starts -->
				<div class="btn-group pull-right theme-container" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-tint"></i><span class="hidden-phone"> Change Theme / Skin</span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu" id="themes">
						<li><a data-value="classic" href="#"><i class="icon-blank"></i> Classic</a></li>
						<li><a data-value="cerulean" href="#"><i class="icon-blank"></i> Cerulean</a></li>
						<li><a data-value="cyborg" href="#"><i class="icon-blank"></i> Cyborg</a></li>
						<li><a data-value="redy" href="#"><i class="icon-blank"></i> Redy</a></li>
						<li><a data-value="journal" href="#"><i class="icon-blank"></i> Journal</a></li>
						<li><a data-value="simplex" href="#"><i class="icon-blank"></i> Simplex</a></li>
						<li><a data-value="slate" href="#"><i class="icon-blank"></i> Slate</a></li>
						<li><a data-value="spacelab" href="#"><i class="icon-blank"></i> Spacelab</a></li>
						<li><a data-value="united" href="#"><i class="icon-blank"></i> United</a></li>
					</ul>
				</div>
				<!-- theme selector ends -->
				
				<!-- user dropdown starts -->
				<div class="btn-group pull-right" >
					<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
						<i class="icon-user"></i><span class="hidden-phone"> 欢迎 <%=session.getAttribute("username") %></span>
						<span class="caret"></span>
					</a>
					<ul class="dropdown-menu">
						<li><a class='inline' href="#inline_content">修改密码</a></li>
						<li><a href="forward.jsp">切换身份</a></li>
						<li class="divider"></li>
						<li><a href="login.html">退出</a></li>
					</ul>
				</div>
				<!-- user dropdown ends -->
				
				<div class="top-nav nav-collapse">
					<ul class="nav">
						<li><a href="#">Visit Site</a></li>
						<li>
							<form class="navbar-search pull-left">
								<input placeholder="Search" class="search-query span2" name="query" type="text">
							</form>
						</li>
					</ul>
				</div><!--/.nav-collapse -->
			</div>
		</div>
	</div>
	<!-- topbar ends -->
		<div class="container-fluid">
		<div class="row-fluid">
				
			<!-- left menu starts -->
			<div class="span2 main-menu-span">
				<div class="well nav-collapse sidebar-nav">
					<ul class="nav nav-tabs nav-stacked main-menu">
						<li class="nav-header hidden-tablet">主菜单</li>
						<li><a class="ajax-link" href="view.jsp"><i class="icon-list-alt"></i><span class="hidden-tablet"> 查看考勤</span></a></li>
						<li><a class="ajax-link" href="meter.jsp"><i class="icon-font"></i><span class="hidden-tablet"> 考勤统计</span></a></li>
						<li class="nav-header hidden-tablet">待开发</li>
						<li><a class="ajax-link" href="view.jsp"><i class="icon-picture"></i><span class="hidden-tablet"> 功能待定</span></a></li>
						
					</ul>
					<label id="for-is-ajax" class="hidden-tablet" for="is-ajax"><input id="is-ajax" type="checkbox"> Ajax on menu</label>
				</div><!--/.well -->
			</div><!--/span-->
			<!-- left menu ends -->
			
			<noscript>
				<div class="alert alert-blo ck span10">
					<h4 class="alert-heading">Warning!</h4>
					<p>You need to have <a href="http://en.wikipedia.org/wiki/JavaScript" target="_blank">JavaScript</a> enabled to use this site.</p>
				</div>
			</noscript>
			<div id="content" class="span10">
			<!-- content starts -->
				<h2 id="title1" align="center" style="color: #000000;">各学院NFC考勤系统使用情况比例图</h2>
				<div id="container" style="min-width: 100%; height: 30%; max-width: 100%; margin: 0 auto;float: left;"></div>
				<div>
					<a href="#" onclick="printExecuteCronRate(60)">最近两个月</a>
					<a href="#" onclick="printExecuteCronRate(30)">最近一个月</a>
					<a href="#" onclick="printExecuteCronRate(7)">最近一周</a>
				</div>
				<div id="container0" style="min-width: 100%; height: 30%; max-width: 100%; margin: 0 auto;float: left;"></div>
				<h2 id="title2" align="center" style="color: #000000;">各学院出勤率统计图</h2>
				<div id="container2" style="min-width: 100%; height: 30%; max-width: 100%; margin: 0 auto;float: left;"></div>
				<table border="0" id="table1">
					<tr>
						<td>
							<label>选择查看的学院：</label>
							<select id="selectInstitute" name="institute" 
							onchange="getAccount('selectInstitute','selectAccount')"></select>
						</td>
						<td>
							<!--label>选择查看的账户：</label-->
							<select id="selectAccount" name="account" style="display: none;"></select>
							<label>选择查看的年级：</label>
							<select id="selectGrade" name="grade" onchange="queryGrade('selectAccount','selectGrade')"></select>
						</td>
					</tr>
				</table>
				<div id="container3" style="min-width: 100%; height: 30%; max-width: 100%; margin: 0 auto;float: left;"></div>
       			<!-- This contains the hidden content for inline calls -->
				<div style='display:none'>
					<div id='inline_content' style='padding:10px; background:#fff;'>
							<div>
								<table>
									<tr>
										<td><label>原密码:</label></td>
										<td><input type="password" id="oldPassword" /></td>
									</tr>
									<tr>
										<td><label>新密码:</label></td>
										<td><input type="password" id="newPassword" /></td>
									</tr>
									<tr>
										<td><label>确认密码:</label></td>
										<td><input type="password" id="confirmPassword" /></td>
									</tr>
								</table>
								<input type="submit" value="修改"
									onclick="changePasswd('oldPassword','newPassword','confirmPassword')" />
							</div>
					</div>
				</div>
				<script type="text/javascript">
					function changeRange(day){
						alert(day);
						//printExecuteCronRate(day);
					}
					$(document).ready(function() {
						$(".inline").colorbox({
							inline : true,
							width : "50%"
						});
					});
					//Ajax提交修改密码
					function changePasswd(frist_type_id, second_type_id,
							third_type_id) {
						var frist = document.getElementById(frist_type_id);
						var second = document.getElementById(second_type_id);
						var third = document.getElementById(third_type_id);
						var oldPasswd = frist.value;
						var newPasswd = second.value;
						var confirmPasswd = third.value;
						if (newPasswd == confirmPasswd) {
							$.post('changePassword', {
								'oldPassword' : oldPasswd,
								'newPassword' : newPasswd,
								'confirmPassword' : confirmPasswd
							}, function(data, textStatus) {
								var dataArray = JSON.parse(data);
								alert(dataArray.msg);
							});
						} else {
							alert("您输入的密码和确认密码不一致！");
						}
						frist.value = "";
						second.value = "";
						third.value = "";
					}
					//初始化学院信息
	       			$("selectInstitute").ready(function(){
	       				var select = document.getElementById("selectInstitute");
	       				$.post("queryInstitute",{},function(data,textStatus){
	       					var dataArray = JSON.parse(data);
	       					select.options.add(new Option("请选择", "void"));
	   						for(var i=0;i<dataArray.length;i++){
	   							select.options.add(new Option(dataArray[i].institute, dataArray[i].id));
	   						}
	       				});
	       			});
	       			//Ajax刷新学院内考勤人员信息
	   				function getAccount(frist_type_id,next_sel_id){
	   					var frist_sel = document.getElementById(frist_type_id);
	   					var next_sel = document.getElementById(next_sel_id);
	   					var frist_value = frist_sel.options[frist_sel.selectedIndex].value;
	   					if (frist_value != "void") {
	   						$.post('queryAccount',{'teacherNumber':frist_value},function(data, textStatus){
	   							var dataArray = JSON.parse(data);
	   							next_sel.options.length = 0;
			                    next_sel.options.add(new Option("请选择", "void"));
			                    for (var i = 0; i < dataArray.length; i++) {
			                        next_sel.options.add(new Option(dataArray[i].name, dataArray[i].id));
			                    }
	   						});
	   					}
	   					//设置查看教师默认为第一个
	   					next_sel.selectedIndex = 1;
	   					//从数据库中加载学生年级信息，此处先用已有数据进行默认
	   					$("#selectGrade").empty();
	   					$("#selectGrade").append("<option value='void'>请选择</option>");
	   					$("#selectGrade").append("<option value='2014'>2014</option>");
	   					$("#selectGrade").append("<option value='2013'>2013</option>");
	   					$("#selectGrade").append("<option value='2012'>2012</option>");
	   					$("#selectGrade").append("<option value='2011'>2011</option>");
	       			}
					//初始化仪表盘
					$("").ready(function(){
						//对二级学院屏蔽部分试视图
						if(<%=session.getAttribute("rank")%>==2){
							$("#title1").hide();
							$("#title2").hide();
							printExecuteCronRate();
							printAttendanceRate();
							return ;
						}
						printExecuteCronRate();
						//缩写映射
						var for_short = {"计算机工程学院":"计算机","机械工程学院":"机械","电子与电气工程学院":"电气","建筑工程学院":"建筑",
								"生命科学与化学工程学院":"生化","经济管理学院":"经管","外国语学院":"外国语","人文学院":"人文",
								"设计艺术学院":"设计艺术","数理学院":"数理","江淮学院":"江淮","交通工程学院":"交通"};
						$.post('queryNumber',{},function(data, textStatus){
							var dataArray = JSON.parse(data);
							var name_array = new Array(dataArray.length);
							var series_data1 = new Array(dataArray.length);
							var count = 0;
							for(var i=0;i<dataArray.length;i++){
								name_array[i] = for_short[dataArray[i].name];
								if(dataArray[i].number==0){
									series_data1[i] = dataArray[i].number;	//未使用的学院为0
								}else{
									series_data1[i] = (dataArray[i].number-dataArray[i].absent)/dataArray[i].number*100;	//出勤率
									count++;
								}
							}
							var name_data = new Array(count);
							count = 0;
							for(var i=0;i<dataArray.length;i++){
								if(dataArray[i].number!=0){
									if( series_data1[i]==0){
										continue;
									}
									name_data[count] = new Array(2);
									name_data[count][0] = dataArray[i].name;
									name_data[count][1] = dataArray[i].number/dataArray[i].people;	//使用各学院的出勤率画饼图
									count++;
								}
							}
							//按出勤率降序排序
							for(var i=0;i<dataArray.length;i++){
								for(var j=i;j<dataArray.length;j++){
									if(series_data1[i]<series_data1[j]){
										var t_name = name_array[i];
										name_array[i] = name_array[j];
										name_array[j] = t_name;
										var t_data = series_data1[i];
										series_data1[i] = series_data1[j];
										series_data1[j] = t_data;
									}
								}
							}
							if(dataArray.length!=0){
								printGraph(name_data);
								printGraph2(name_array,series_data1,'(出勤率=出勤次数/总考勤次数)','container2','从开学至今');
							}
						});
		   			});
					//描绘近期考勤使用率折线图
					function printExecuteCronRate(){
						//创建使用率折线图
						$.post('queryCheckByDate',{'type':"cron"},function(data, textStatus){
							var dataArray = JSON.parse(data);
							var name = dataArray[0][0].name;
							var series_data = new Array(dataArray.length);
							var series_date = new Array(dataArray.length);
							for(var i=0;i<dataArray[0].length;i++){
								if(dataArray[0][i].count==0)
								{
									series_data[i] = 0;
								}else{
									series_data[i] = Math.round(dataArray[0][i].number/dataArray[0][i].count*10000)/100;
								}
								series_date[i] = dataArray[0][i].date;
							}
							printGraph3(name,series_data,series_date);
							var chart = $('#container0').highcharts();
							for(var i=1;i<dataArray.length;i++){
								name = dataArray[i][0].name;
								var series_data = new Array(dataArray.length);
								var series_date = new Array(dataArray.length);
								for(var j=0;j<dataArray[i].length;j++){
									if(dataArray[i][j].count==0)
									{
										series_data[j] = 0;
									}else{
										series_data[j] = Math.round(dataArray[i][j].number/dataArray[i][j].count*10000)/100;
									}
									series_date[j] = dataArray[0][j].date;
								}
								chart.addSeries({
									name : name,
									data : series_data
								});
							}
						});
					}
					//描绘近期考勤使用率折线图----重载
					function printExecuteCronRate(day){
						//创建使用率折线图
						$.post('queryCheckByDate',{'type':"cron",'range':day},function(data, textStatus){
							var dataArray = JSON.parse(data);
							var name = dataArray[0][0].name;
							var series_data = new Array(dataArray.length);
							var series_date = new Array(dataArray.length);
							for(var i=0;i<dataArray[0].length;i++){
								if(dataArray[0][i].count==0)
								{
									series_data[i] = 0;
								}else{
									series_data[i] = Math.round(dataArray[0][i].number/dataArray[0][i].count*10000)/100;
								}
								series_date[i] = dataArray[0][i].date;
							}
							printGraph3(name,series_data,series_date);
							var chart = $('#container0').highcharts();
							for(var i=1;i<dataArray.length;i++){
								name = dataArray[i][0].name;
								var series_data = new Array(dataArray.length);
								var series_date = new Array(dataArray.length);
								for(var j=0;j<dataArray[i].length;j++){
									if(dataArray[i][j].count==0)
									{
										series_data[j] = 0;
									}else{
										series_data[j] = Math.round(dataArray[i][j].number/dataArray[i][j].count*10000)/100;
									}
									series_date[j] = dataArray[0][j].date;
								}
								chart.addSeries({
									name : name,
									data : series_data
								});
							}
						});
					}
					function printAttendanceRate(){
						//创建出勤率柱状图
						$.post('queryCheckByDate',{'type':"rate"},function(data, textStatus){
							var dataArray = JSON.parse(data);
							var name = dataArray[0][0].name;
							var series_data = new Array(dataArray.length);
							for(var i=0;i<dataArray[0].length;i++){
								series_data[i] = new Array(2);
								series_data[i][0] = ""+dataArray[0][i].date;
								series_data[i][1] = Math.round((dataArray[0][i].count-dataArray[0][i].number)/dataArray[0][i].count*10000)/100;
							}
							printGraph4(series_data,'container2',name+'最近一周总体出勤率','出勤率=当天出勤人次/当天考勤人次');
						});
					}
					//Ajax对学院内考勤详细查看
					function queryGrade(frist_type_id,second_type_id){
						var sel = document.getElementById(frist_type_id);
						sel.selectedIndex = 1;
			            var frist_type = sel.options[sel.selectedIndex].value;
			            var sel_second = document.getElementById(second_type_id);
			            var second_type = sel_second.options[sel_second.selectedIndex].value;
			            if(second_type != "void"){
			            	$.post('queryGradeData',{'teacherNumber':frist_type, 'grade':second_type},function(data, textStatus){
					        	//进行数据查询返回结果显示
			            		var dataArray = JSON.parse(data);
					        	var name_data = new Array(dataArray.length);
					        	var check_data = new Array(dataArray.length);
					        	for(var i=0;i<dataArray.length;i++){
					        		var rate = (dataArray[i].count - dataArray[i].absent)/dataArray[i].count*100;
					        		name_data[i] = dataArray[i].name;
					        		check_data[i] = rate;
					        	}
					        	//按出勤率降序排序
					        	for(var i=0;i<dataArray.length;i++){
									for(var j=i;j<dataArray.length;j++){
										if(check_data[i]<check_data[j]){
											var t_name = name_data[i];
											name_data[i] = name_data[j];
											name_data[j] = t_name;
											var t_data = check_data[i];
											check_data[i] = check_data[j];
											check_data[j] = t_data;
										}
									}
								}
					        	printGraph2(name_data,check_data,second_type+'届各班级出勤率统计图','container3');
					        });
			            	
			            }
					}
		   			function printGraph(series_data) {

				        $('#container').highcharts({
				        	chart: {
				                plotBackgroundColor: null,
				                plotBorderWidth: 1,//null,
				                plotShadow: false
				            },
				            credits: {
		   						enabled: false
		   					},
				            title: {
				                text: '(使用比例=各学院平均刷卡考勤次数/全校平均刷卡考勤次数总和)'
				            },
				            tooltip: {
				                pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>'
				            },
				            plotOptions: {
				                pie: {
				                    allowPointSelect: true,
				                    cursor: 'pointer',
				                    dataLabels: {
				                        enabled: true,
				                        format: '<b>{point.name}</b>: {point.percentage:.1f} %',
				                        style: {
				                            color: (Highcharts.theme && Highcharts.theme.contrastTextColor) || 'black'
				                        }
				                    }
				                }
				            },
				            series: [{
				                type: 'pie',
				                name: '使用比例',
				                data: series_data
				            }]
				        });
				    }
		   			function printGraph2(name,series_data1,title,graph_id,subtitle) {
		   			    $("#"+graph_id+"").highcharts({
		   			        chart: {
		   			            type: 'column'
		   			        },
		   			    	credits: {
		   						enabled: false
		   					},
		   			        title: {
		   			            text: title
		   			        },
		   			        subtitle: {
		   			            text: subtitle
		   			        },
		   			        xAxis: {
		   			            categories: name
		   			        },
		   			        yAxis: {
		   			            min: 0,
		   			            max: 100,
		   			            title: {
		   			                text: '总体出勤率（%）'
		   			            }
		   			        },
		   			        tooltip: {
		   			            headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
		   			            pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
		   			                '<td style="padding:0"><b>{point.y:.1f}%</b></td></tr>',
		   			            footerFormat: '</table>',
		   			            shared: true,
		   			            useHTML: true
		   			        },
		   			        plotOptions: {
		   			            column: {
		   			                pointPadding: 0.2,
		   			                borderWidth: 0
		   			            }
		   			        },
		   			        series: [{
		   			            name: '出勤率',
		   			            data: series_data1,
		   			        	 color:'#498AC2'

		   			        }]
		   			    });
		   			}
		   			function printGraph3(name,data,date){
		   				$('#container0').highcharts({
		   					credits: {
		   						enabled: false
		   					},
		   			        title: {
		   			            text: '最近考勤系统使用率折线图',
		   			            x: -20 //center
		   			        },
		   			        subtitle: {
		   			            text: '使用率=当天执行的考勤次数/当天应执行的考勤次数',
		   			            x: -20
		   			        },
		   			        xAxis: {
		   			            categories: date,
			   			        labels: {
			   			               rotation: -45,
			   			               style: {
			   			                   fontSize: '13px',
			   			                   fontFamily: 'Verdana, sans-serif'
			   			               }
			   			        }
		   			        },
		   			        yAxis: {
		   			        	min: 0,
		   			        	max: 100,
		   			            title: {
		   			                text: '使用率 (%)'
		   			            },
		   			            plotLines: [{
		   			                value: 0,
		   			                width: 1,
		   			                color: '#808080'
		   			            }]
		   			            
		   			        },
		   			        tooltip: {
		   			            valueSuffix: '%'
		   			        },
		   			        legend: {
		   			            layout: 'vertical',
		   			            align: 'right',
		   			            verticalAlign: 'middle',
		   			            borderWidth: 0
		   			        },
		   			        series: [{
		   			            name: name,
		   			            data: data
		   			        }]
		   			    });
		   			}
		   			function printGraph4(data,graph_id,title,subtitle){
		   				$("#"+graph_id+"").highcharts({
		   			        chart: {
		   			            type: 'column'
		   			        },
		   			    	credits: {
		   						enabled: false
		   					},
		   			        title: {
		   			            text: title
		   			        },
		   			        subtitle: {
		   			            text: subtitle
		   			        },
		   			        xAxis: {
		   			            type: 'category',
		   			            labels: {
		   			                rotation: -45,
		   			                style: {
		   			                    fontSize: '13px',
		   			                    fontFamily: 'Verdana, sans-serif'
		   			                }
		   			            }
		   			        },
		   			        yAxis: {
		   			        	min: 0,
		   			        	max: 100,
		   			            title: {
		   			                text: '出勤率（%）'
		   			            }
		   			        },
		   			        legend: {
		   			            enabled: false
		   			        },
		   			        tooltip: {
		   			            pointFormat: '出勤率: <b>{point.y:.1f} %</b>'
		   			        },
		   			        series: [{
		   			            name: 'Rate',
		   			            data: data,
		   			            dataLabels: {
		   			                enabled: true,
		   			                rotation: -90,
		   			                color: '#FFFFFF',
		   			                align: 'right',
		   			                x: 4,
		   			                y: 10,
		   			                style: {
		   			                    fontSize: '13px',
		   			                    fontFamily: 'Verdana, sans-serif',
		   			                    textShadow: '0 0 3px black'
		   			                }
		   			            }
		   			        }]
		   			    });
		   			}
				</script>
			<!-- content ends -->
			</div><!--/#content.span10-->
				</div><!--/fluid-row-->
				
		<hr>

		<div class="modal hide fade" id="myModal">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal">Ã</button>
				<h3>Settings</h3>
			</div>
			<div class="modal-body">
				<p>Here settings can be configured...</p>
			</div>
			<div class="modal-footer">
				<a href="#" class="btn" data-dismiss="modal">Close</a>
				<a href="#" class="btn btn-primary">Save changes</a>
			</div>
		</div>

		<footer>
			<p class="pull-left">&copy; <a href="http://www.hyit.edu.cn/" target="_blank">淮阴工学院 计算机工程学院</a> 2014</p>
			<p class="pull-right">Powered by: <a href="https://github.com/akinoneko">HYIT</a></p>
		</footer>
		
	</div><!--/.fluid-container-->

	<!-- external javascript
	================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->

	
	<!-- jQuery -->
	<script src="js/jquery-1.7.2.min.js"></script>
	<!-- jQuery UI -->
	
	<script src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<!-- transition / effect library -->
	<script src="js/bootstrap-transition.js"></script>
	<!-- alert enhancer library -->
	<script src="js/bootstrap-alert.js"></script>
	<!-- modal / dialog library -->
	<script src="js/bootstrap-modal.js"></script>
	<!-- custom dropdown library -->
	<script src="js/bootstrap-dropdown.js"></script>
	<!-- scrolspy library -->
	<script src="js/bootstrap-scrollspy.js"></script>
	<!-- library for creating tabs -->
	<script src="js/bootstrap-tab.js"></script>
	<!-- library for advanced tooltip -->
	<script src="js/bootstrap-tooltip.js"></script>
	<!-- popover effect library -->
	<script src="js/bootstrap-popover.js"></script>
	<!-- button enhancer library -->
	<script src="js/bootstrap-button.js"></script>
	<!-- accordion library (optional, not used in demo) -->
	<script src="js/bootstrap-collapse.js"></script>
	<!-- carousel slideshow library (optional, not used in demo) -->
	<script src="js/bootstrap-carousel.js"></script>
	<!-- autocomplete library -->
	<script src="js/bootstrap-typeahead.js"></script>
	<!-- tour library -->
	<script src="js/bootstrap-tour.js"></script>
	<!-- library for cookie management -->
	<script src="js/jquery.cookie.js"></script>
	<!-- calander plugin -->
	<script src='js/fullcalendar.min.js'></script>
	<!-- data table plugin -->
	<script src='js/jquery.dataTables.min.js'></script>

	<!-- chart libraries start -->
	<script src="js/excanvas.js"></script>
	<script src="js/jquery.flot.min.js"></script>
	<script src="js/jquery.flot.pie.min.js"></script>
	<script src="js/jquery.flot.stack.js"></script>
	<script src="js/jquery.flot.resize.min.js"></script>
	<!-- chart libraries end -->

	<!-- select or dropdown enhancer -->
	<script src="js/jquery.chosen.min.js"></script>
	<!-- checkbox, radio, and file input styler -->
	<script src="js/jquery.uniform.min.js"></script>
	<!-- plugin for gallery image view -->
	<script src="js/jquery.colorbox.min.js"></script>
	<!-- rich text editor library -->
	<script src="js/jquery.cleditor.min.js"></script>
	<!-- notification plugin -->
	<script src="js/jquery.noty.js"></script>
	<!-- file manager library -->
	<script src="js/jquery.elfinder.min.js"></script>
	<!-- star rating plugin -->
	<script src="js/jquery.raty.min.js"></script>
	<!-- for iOS style toggle switch -->
	<script src="js/jquery.iphone.toggle.js"></script>
	<!-- autogrowing textarea plugin -->
	<script src="js/jquery.autogrow-textarea.js"></script>
	<!-- multiple file upload plugin -->
	<script src="js/jquery.uploadify-3.1.min.js"></script>
	<!-- history.js for cross-browser state change on ajax -->
	<script src="js/jquery.history.js"></script>
	<!-- application script for Charisma demo -->
	<script src="js/charisma.js"></script>
	
	<script src="js/highcharts.js"></script>
	<script src="js/exporting.js"></script>
		
</body>
</html>
